import './tagCon.scss'
import React, { Component } from 'react';
export default class TagCon extends Component<any, any> {
    constructor(props: any) {
        super(props)
    }
    render() {
        return (
            <div className="tagCon">
                {/* 发布内容的框 */}
                <div className="textArea bgf">
                    <textarea name="" placeholder="告诉你个小秘密，发沸点时添加话题会被更多小伙伴看见呦~"></textarea>
                    <div className="release">
                        <ul>
                            <li>
                                <img src="https://b-gold-cdn.xitu.io/v3/static/img/emoji.5594dbb.svg" alt="" /><span>表情</span>
                            </li>
                            <li>
                                <img src="https://b-gold-cdn.xitu.io/v3/static/img/active_file.d265f4e.svg" alt="" /><span>图片</span>
                            </li>
                        </ul>
                        <div className="applyBtn">发布</div>
                    </div>
                </div>
                {/* 发布的内容列表 */}
                <div className="applyPer bgf">
                    <div className="applyPeoMsg">
                        <div className="left">
                            <img src="https://b-gold-cdn.xitu.io/v3/static/img/active_file.d265f4e.svg" alt="" />
                            <div className="leftMsg">
                                <div>树洞robot</div>
                                <div>自动匿名机器人 @ #树洞一下#</div>
                            </div>
                        </div>
                        <div className="right">
                            <button>关注</button>
                            <span>···</span>
                        </div>
                    </div>
                    <div className="applyCon">
                        <div>掘友们，前几天入职了一家创业公司，钱多但工作内容没有难度，写代码都写得很少，和我预期差距有点大。害怕没有成长空间，以后出来不好找工作，现在在想要不要溜。</div>
                        <div className="tagBtn">上班摸鱼</div>
                    </div>
                    {/* 行为 */}
                    <ul className="oper">
                        <li className="line">
                            <img src={require('~/images/zan.svg')} alt="" className="zan" />
                            <span className="count">赞</span>
                        </li>
                        <li className="line"><img src={require('~/images/comment.svg')} alt="" className="comment" />7</li>
                        <li><img src={require('~/images/share.svg')} alt="" title="分享" />分享</li>
                    </ul>
                </div>
            </div>
        )
    }
}